<button mat-icon-button [mat-menu-trigger-for]="themeMenu" matTooltip="Select a theme!">
    <mat-icon>format_color_fill</mat-icon>
</button>

<mat-menu class="docs-theme-picker-menu" #themeMenu="matMenu" x-position="before">
    <button *ngFor="let theme of themes" mat-menu-item (click)="installTheme(theme)" >
        <mat-icon mat-list-icon [matTooltip]="theme.name" class="docs-theme-chosen-icon" [style.color]="theme.accent"
                  [style.background]="theme.primary"
                  *ngIf="currentTheme === theme">check_circle
        </mat-icon>
        <mat-icon mat-list-icon [matTooltip]="theme.name" class="docs-theme-chosen-icon" [style.color]="theme.accent"
                  [style.background]="theme.primary"
                  *ngIf="currentTheme !== theme">invert_colors
        </mat-icon>
        {{theme.name}}
    </button>
</mat-menu>
